* {
  box-sizing: border-box;
  font-family: "PixelFont", Arial, Helvetica, sans-serif;
  color: white;
}

@font-face {
  font-family: "PixelFont";
  src: url("Minecraft.ttf") format("truetype");
}

body {
  padding: 0;
  margin: 0;
  font-family: "PixelFont", Arial, Helvetica, sans-serif;
  background: linear-gradient(to bottom right, #fad0c4, #ff9a9e);
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.container {
  text-align: center;
}
.scene1 {
  /* display: none; */
  transition: all 1s ease;
  /* transform: translateY(100px); */
  z-index: 3;
}
.scene2 {
  /* display: none; */
  /* transform: translateY(1800px); */
  transition: all 1s ease;
}
.scene3 {
  width: 100vw;
  height: 100vh;
  font-size: 30px;
  transition: all 1s ease;
  /* transform: translateY(1800px); */
}

.top {
  padding: 20px 20px;
  display: flex;
  justify-content: space-between;
}

.title {
  font-size: 66px;
}

button {
  background-color: white;
  color: #fdb3b0;
  border: none;
  width: 150px;
  height: 45px;
  font-size: 21px;
  margin-top: 20px;
  cursor: pointer;
}

.up {
  transform: translateY(-500px);
}
.up2 {
  transform: translateY(300px);
}
.up3 {
  transform: translateY(0px);
}
.down {
  transform: translateY(100px);
}
.down2 {
  transform: translateY(1800px);
}
.down3 {
  transform: translateY(1800px);
}

.option {
  display: flex;
}
.option {
  justify-content: space-around;
}

.item {
  width: 200px;
  height: 200px;
  border: 2px solid white;
}
.item:hover {
  background-color: white;
  cursor: pointer;
}

img {
  width: 200px;
  height: 200px;
}

.content {
  width: 100%;
  height: 900px;
  position: relative;
  /* background-color: red; */
}

.ele {
  position: absolute;
  width: 200px;
  height: 200px;
  left: 200px;
  top: 300px;
  background-image: url("pi3.png");
  background-size: cover;
  transition: all 1s ease;
}

.info {
  display: none;
  width: 100%;
  position: absolute;
  height: 100px;
  text-align: center;
  background-color: #55555588;
  font-size: 21px;
  padding: 25px;
}
